body {
  min-width: 750px;
  height: 100vh;
  margin: 0;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
}

input {
  margin-right: 10px;
  height: 25px;
}

select {
  margin-right: 10px;
  height: 30px;
}

button {
  cursor: pointer;
  border-radius: 5px;
  border-color: #ccc;
  padding: 5px 10px;
  line-height: 1;
  font-size: 16px;
  margin-right: 3px;
}

/****************** 服务列表 *******************/
.list-head {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

#list {
  display: flex;
  flex-wrap: wrap;
}

#list .list-item {
  color: white;
  background-color: red;
  padding: 3px 10px;
  border-radius: 5px;
  margin-left: 10px;
  white-space: nowrap;
  border: 5px solid white;
  cursor: pointer;
  border-radius: 10px;
}

#list .list-item-active {
  background-color: green;
}

#hostPort {
  width: 70px;
}

#serviceStart {
  color: white;
  background: green;
  border-color: green;
}

#serviceClose {
  color: white;
  background: red;
  border-color: red;
}

#host {
  margin-top: 10px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

/********************** 路由设置 ******************/
.proxy {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.proxy .proxy-head {
  margin: 10px 0;
}

#routes {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 0;
  overflow: auto;
}

.routes-item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #cccccc;
  padding: 5px 0;
  margin: 0;
}

.routes-item .routes-item-method {
  min-width: 90px;
  color: green;
}

.routes-item .routes-item-path {
  min-width: 200px;
  color: red;
}
.routes-item .routes-item-url {
  color: blue;
  margin-right: 10px;
}

.routes-item-del {
  width: auto;
  padding: 2px 5px;
}

.tip {
  display: block;
  color: red;
  font-size: 12px;
  margin-top: 10px;
}

/********************** 弹出提示 ******************/
.tip-message {
  position: fixed;
  top: 20px;
  left: 200px;
  z-index: 1;
  background-color: rgba(255, 200, 1, 0.8);
  padding: 10px 50px;
  border-radius: 10px;
  overflow: hidden;
  color: white;
  font-size: 14px;
}
